
<form name="editForm" role="form" novalidate ng-submit="vm.save()">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myTopicLabel" data-translate="zhserverApp.topic.home.createOrEditLabel">Create or edit a Topic</h4>
    </div>
    <div class="modal-body">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.topic.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.topic.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.creater" for="field_creater">Creater</label>
            <input type="text" class="form-control" name="creater" id="field_creater"
                    ng-model="vm.topic.creater"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.comunity" for="field_comunity">Comunity</label>
            <input type="text" class="form-control" name="comunity" id="field_comunity"
                    ng-model="vm.topic.comunity"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.count" for="field_count">Count</label>
            <input type="number" class="form-control" name="count" id="field_count"
                    ng-model="vm.topic.count"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.disscusscount" for="field_disscusscount">Disscusscount</label>
            <input type="number" class="form-control" name="disscusscount" id="field_disscusscount"
                    ng-model="vm.topic.disscusscount"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.content" for="field_content">Content</label>
            <input type="text" class="form-control" name="content" id="field_content"
                    ng-model="vm.topic.content"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.topicimage" for="field_topicimage">Topicimage</label>
            <input type="text" class="form-control" name="topicimage" id="field_topicimage"
                    ng-model="vm.topic.topicimage"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.title" for="field_title">Title</label>
            <input type="text" class="form-control" name="title" id="field_title"
                    ng-model="vm.topic.title"
                     />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.createat" for="field_createat">Createat</label>
                <div class="input-group">
                    <input id="field_createat" type="text" class="form-control" name="createat" datetime-picker="{{dateformat}}" ng-model="vm.topic.createat" is-open="vm.datePickerOpenStatus.createat"
                      />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('createat')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.updateat" for="field_updateat">Updateat</label>
                <div class="input-group">
                    <input id="field_updateat" type="text" class="form-control" name="updateat" datetime-picker="{{dateformat}}" ng-model="vm.topic.updateat" is-open="vm.datePickerOpenStatus.updateat"
                      />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('updateat')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="zhserverApp.topic.clicker" for="field_clicker">Clicker</label>
            <input type="text" class="form-control" name="clicker" id="field_clicker"
                    ng-model="vm.topic.clicker"
                     />
        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
</form>
